<div class="mui-content bg-gray">
  <div class="header bg-linear">
    <div class="top-bar">
      <div class="flex">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
      </div>
      <div class="flex text-center">立即充值</div>
      <div class="flex mui-text-right">
        <a [routerLink]="['/attache/pay-record']">交易记录</a>
      </div>
    </div>
    <h2 class="mui-text-center p">
      0
      <p class="m-t">账户余额（秒币）</p>
    </h2>
  </div>

  <div class="mui-table-view m-t ">
    <h4 class="p-t p-r p-l title">选择金额</h4>
    <div class="flex-table">
      <div class="flex-item mui-text-center active">
        <p>289秒币</p>
        <p>268元</p>
      </div>
      <div class="flex-item mui-text-center">
        <p>420秒币</p>
        <p>368元</p>
      </div>
      <div class="flex-item mui-text-center">
        <p>700秒币</p>
        <p>568元</p>
      </div>

      <div class="flex-item mui-text-center">
        <p>1344秒币</p>
        <p>968元</p>
      </div>
      <div class="flex-item mui-text-center">
        <p>2912秒币</p>
        <p>1888元</p>
      </div>
    </div>
  </div>

  <ul class="mui-table-view m-t">
    <li class="mui-table-view-cell">
      <a class="mui-text-center" >微信支付</a>
    </li>
  </ul>

<!--  <div class="mui-table-view m-t ">
    <div class="p-t p-b p-l title">选择优惠</div>
    <ul class="mui-table-view">
      <li class="mui-table-view-cell">
        <a class="mui-navigate-right">
          暂无可用优惠款
        </a>
      </li>
    </ul>
  </div>

  <div class="mui-table-view m-t ">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
          <a class="mui-navigate-right">
            微信支付
          </a>
        </li>
      </ul>
  </div>-->
</div>
